$(function () {
    $('.div11_span2').on('click',function(){
        $('.div11_box5').show().removeClass('lightSpeedOut').addClass('animated lightSpeedIn');//.fadeIn();
    })
    $('.div11close').on('click',function(){
        $('.div11_box5').removeClass('lightSpeedIn').addClass('animated lightSpeedOut');
        setTimeout(function(){
            $('.div11_box5').hide();
        },400)
    })
    $('.div11_span1').on('click',function(){
        $('.div11_date').show().removeClass('lightSpeedOut').addClass('animated lightSpeedIn');//.fadeIn();
    })
    $('.divdateclose').on('click',function(){
        $('.div11_date').removeClass('lightSpeedIn').addClass('animated lightSpeedOut');
        setTimeout(function(){
            $('.div11_date').hide();
        },400)
    })
    var myChart1 = echarts.init(document.getElementById('echart1'));
    var option1 = {
        color: ['#00aaeb'],
        tooltip: {
            trigger: 'axis',
            axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月'],
                axisTick:{show:false},

            }
        ],
        yAxis: [
            {
                type: 'value',
                axisTick:{show:false},
                axisLine:{show:false},

            }
        ],
        series: [
            {
                name: '运费统计',
                type: 'bar',
                barWidth: '60%',
                data: [1358000, 3590440, 4879000, 4590000, 3790000, 4387300, 4899800, 8940300, 7930000, 10909000],
                itemStyle: {
                    normal: {
                        color:'#8da3d9',
                    },
                    emphasis: {
                        color: '#6078b3',
                    }
                }
            }
        ]
    };
    myChart1.setOption(option1);
})


